body,
html {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  /* border: 1px rgb(222, 108, 108) solid */
}

.alert {
  display: none;
  left: 50%;
  position: fixed;
  top: 50px;
  transform: translateX(-50%);
  width: 400px
}

.show {
  display: block !important
}

.login-wrap {
  background-color: #fff;
  padding: 20px;
  width: 400px
}

.login-wrap .title {
  color: #fc6627;
  font-size: 28px;
  text-align: center
}

.login-wrap .login-form {
  margin-top: 20px
}

input::-webkit-input-placeholder {
  color: #dcdfe6 !important
}

.login-form .btn {
  background-color: #66b1ff;
  border: 1px solid #66b1ff;
  width: 100%
}

.login-form .item:nth-child(n+1) {
  margin-top: 20px
}

html body {
  background: url(../assets/ca162aa839fe88baf6e0.png) no-repeat 50%/cover
}